<template>
    <div class="floatBar">
        <div>
            <img src="../assets/imgs/map/person.png" alt="">
        </div>
        <div class="people">截止当今日总客流人数为<p style="color: #2F70FF;">122222</p>人</div>
    </div>
</template>

<script>
    export default {
        name: "floatBar",
        props: {},
        components: {},
        data() {
            return {};
        },
        computed: {},
        created() {},
        mounted() {},
        methods: {}
    }
</script>

<style scoped lang="scss">
    .floatBar {
        width: 340px;
        height: 39px;
        background: rgba(255, 255, 255, 1);
        box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.06);
        border-radius: 4px;
        margin: 10px auto;
        display: flex;
        justify-content: flex-start;
        padding: 14px 16px;
        box-sizing: border-box;
        .people{
            font-size:12px;
            font-family:SourceHanSansCN-Regular,SourceHanSansCN;
            font-weight:400;
            color:rgba(51,51,51,1);
            display: flex;
            justify-content: flex-start;
            margin-left: 10px;
        }
    }
</style>